<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<title></title>
	</head>
	<style>
		.border{
			border:1px solid red;
		}
	</style>
	<body>
	<img style="width:100%;height:100%;position:fixed;z-index: -1;"   src="img/bg7.jpg" alt="背景"/>
	<div style="padding-top: 200px;font-family:microsoft yahei;">
		<div style="width:850px;height:500px;margin: auto;">
			<div id="userPhoto" style="text-align: center;padding-top: 50px;">
				<img style="width:140px;margin-bottom: 50px;" src="img/logo.png" alt=""/>

				<form action="" style="text-align: center;">
					<table style="margin: auto;">
						<tr>
							<td>
								<img style="width:30px;margin-top: -20px;" src="css/images/im-invisible-user.png" alt=""/>
							</td>
							<td><input id="account" type="text" style="background-color: transparent; border: 1px solid #efefef;border-radius: 5px;
							margin-bottom: 20px;width:280px;line-height: 30px;" placeholder="账号"/>
							</td>
						</tr>
						<tr>
							<td><img style="width:26px;margin-top: -20px;" src="css/images/password.png" alt=""/></td>
							<!--只能输入数字和字母,屏蔽右键，屏蔽复制、粘贴-->
							<td><input id="psd" type="password" onKeyDown="fncKeyStop(event)" onpaste="return false" oncontextmenu="return false;"   style="background-color: transparent; border: 1px solid #efefef;border-radius: 5px;
							margin-bottom: 20px;width:280px;line-height: 30px;" placeholder="密码" onkeyup="value=value.replace(/[^0-9a-zA-Z]/g,'')"/></td>
						</tr>
						<tr>
							<td></td>
							<td>
							<input id="login" type="button"  value="登录" style="color:#fff;background-color: #27AE61; border: 1px solid #27AE61;border-radius: 5px;
							margin-bottom: 20px;width:280px;line-height: 30px;" onclick="confirm()"/>
							</td>
						</tr>
						<tr>
							<td></td>
							<td>
							<input type="button"  value="注册" style="color:#fff;background-color: #ba3e24; border: 1px solid #ba3e24;border-radius: 5px;
							margin-bottom: 20px;width:280px;line-height: 30px;"/>
							</td>
						</tr>
					</table>
					<div>
						<a href="">忘记密码？</a>
					</div>
				</form>
			</div>
		</div>
	</div>

	<script>
		function confirm(){
			var name=$('#account').val();//获取页面中登录名和密码
			var pwd=$('#psd').val();

			if(name==""|| pwd==""){//判断两个均不为空（其他判断规则在其输入时已经判断）
				alert("账号密码均不能为空！");
				return false;
			}else{//以上均符合要求，则调用登录esb接口
//				alert("登录成功！")
					var forbidChar = new Array(",","-","/","//","'","%","/","<",">",".");
					for (var i = 0;i < forbidChar.length ; i++){
						if(name.indexOf(forbidChar[i]) >= 0){
							alert("您输入的信息: "+name+" 中含有非法字符: "+forbidChar[i]+" 请更正！");
							return false;
						}
					}

				$('#login').val('登录中...');
				window.location.href='index.html';//正确登录后页面跳转至
//				$.ajax({
//					url:,//相对应的esb接口地址
//					type:'post',
//					data:{mobile:tel,password:pwd},//向服务器（接口）传递的参数
//					success:function(data){//服务器（接口）返回来的数据
//						if(data.success){//如果返回来的信息说明提交的信息为正确的
//							var customerId = data.attr.customerInfo.id;//将数据中用户信息的ID赋值给变量
//							sessionStorage.customerId = customerId;//将变量存储到本地sessionStorage中，并且value为customerID
//							window.location.href='http://localhost/index.html';//正确登录后页面跳转至
//						}
//						else{//如果返回来的信息说明提供的信息为错误的
//							if(tel != data.tel){//判断是用户名还是密码错误，提示相应信息
//								alert(data.message);
//								$tel.val("");
//								$pwd.val("");
//								return false;
//							}
//							if(pwd != data.pwd){
//								alert(data.message);
//								$pwd.val("");
//								return false;
//							}
//						}
//					}
//				})
			}
		}
		//判断是否敲击了Enter键
		$(document).keyup(function(event){
			if(event.keyCode ==13){
				$("#login").trigger("click");
			}
		});
	</script>
	</body>
</html>
